<template>
  <a-modal
    :title="title"
    :width="1200"
    v-model="visible"
    :maskClosable="false"
    :destroyOnClose='true'
  >
    <template slot="footer">
      <a-button key="back" @click='close()'>
        关闭
      </a-button>
    </template>
    <a-table
      ref="table"
      size="middle"
      bordered
      rowKey="id"
      :columns="columns"
      :dataSource="dataSource"
      :pagination="ipagination"
      :loading="loading"
      @change="handleTableChange"
    >
    </a-table>
  </a-modal>
</template>

<script>
  import {JeecgListMixin} from '@/mixins/JeecgListMixin'
  import columns from './indexColumns'

  export default {
    name: "shjl",
    mixins: [JeecgListMixin],
    props: ['id', 'typeId', 'apiUrl'],
    data() {
      return {
        queryParam: {
          proId: this.id,
          type: this.typeId
        },
        // 表头
        columns: columns(this),
        visible: false,
        title: '审核记录',
        loading: false,
        dataSource: [],
        url: {
          list: this.apiUrl,
        }
      }
    },
    created() {
    },
    methods: {
      show(){
        this.visible = true
        this.loadData()
      },
      close() {
        this.visible = false;
      }
    }
  }
</script>

<style scoped>

</style>